@import '~styles/config.scss';

.showDataMain {
    
    .ul {
        display              : grid;
        grid-gap             : 10px;
        grid-template-columns: repeat(auto-fit, 240px);
    }

    .li {
        
        background : #fff;
        padding    : 8px 10px;
        font-size  : 12px;
        border-radius: 4px;
        border:1px solid $--border-color-extra-light;

        .top {

            display: flex;

            .name {
                flex       : auto;
                font-weight: bold;
                font-size  : 14px;
            }

            .discoun {
                color: $--color-text-secondary;

                .s2 {
                    padding: 0px 2px;
                    display: inline-block;
                }

                .s1 {
                    display: inline-block;
                }
            }


        }

        .bottom {
            padding-top: 5px;
            display    : flex;

            .use {
                flex:auto;
                color: $--color-text-secondary;
            }

            .del {
                flex        : none;
                padding-left: 10px;
                cursor      : pointer;
                color       : $--color-text-secondary;
            }
        }


    }
}